﻿@charset "utf-8";
/* CSS Document */
/*1营销服务及网络*/
.panel-group{ float: left;width: 382px; height: 800px; background: url(../img/ftbg.png) no-repeat; margin-bottom: 0; margin-left: 15px; margin-top:100px;}
/*图标1*/
.panel-title #about-aid1{background-image:url(../img/1.png); background-repeat: no-repeat;}
.panel-title #about-aid1{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/1.png) no-repeat; background-position: 20px 20px;}
/*图标2*/
.panel-title #about-aid2{background-image:url(../img/2.png); background-repeat: no-repeat;}
.panel-title #about-aid2{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/2.png) no-repeat; background-position: 20px 20px;}
/*图标3*/
.panel-title #about-aid3{background-image:url(../img/3.png); background-repeat: no-repeat;}
.panel-title #about-aid3{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/3.png) no-repeat; background-position: 20px 20px;}
/*图标4*/
.panel-title #about-aid4{background-image:url(../img/4.png); background-repeat: no-repeat;}
.panel-title #about-aid4{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/4.png) no-repeat; background-position: 20px 20px;}
/*图标5*/
.panel-title #about-aid5{background-image:url(../img/5.png); background-repeat: no-repeat;}
.panel-title #about-aid5{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/5.png) no-repeat; background-position: 20px 20px;}
/*图标6*/
.panel-title #about-aid6{background-image:url(../img/6.png); background-repeat: no-repeat;}
.panel-title #about-aid6{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/6.png) no-repeat; background-position: 20px 20px;}
/*图标7*/
.panel-title #about-aid7{background-image:url(../img/7.png); background-repeat: no-repeat;}
.panel-title #about-aid7{display: block; width: 100%;padding: 18px; height:70px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../img/7.png) no-repeat; background-position: 20px 20px;}
/*背景图*/
.jzwrap{ background: url(../img/bg3.jpg) no-repeat center bottom; margin-top:2px;}
/*内容部分*/
.us1{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us1 p{font-size:18px;text-indent: 2rem;line-height: 36px; color: #666;}
.us1 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA;}
.us1 .wz2{margin-bottom: 10px;overflow: hidden}
.us1 .wz2 span{display: inline-block;font-size:30px;text-indent: 0rem; color:#214480;border-bottom: 2px solid #214480;line-height: 34px;}
.us1 .wz3{font-size:18px;text-indent: 7.5rem; color: #666;}


/*2组织架构*/

.us2{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us2 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA;}
.us2 .wz2{margin-bottom: 10px;overflow: hidden}
.us2 .wz2 span{display: inline-block;font-size:30px;text-indent: 0rem; color:#214480;border-bottom: 2px solid #214480;line-height: 34px;}
.us2 .jg{margin-top: 75px; margin-bottom: 20px;}

/*3集团介绍*/
.us3{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us3 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA;}
.us3 .wz2{margin-bottom: 10px;overflow: hidden}
.us3 .wz2 span{display: inline-block;font-size:30px;text-indent: 0rem; color:#214480;border-bottom: 2px solid #214480;line-height: 34px;}
.us3 .wz3{font-size:14px;text-indent: 2rem;color:#666;line-height: 30px;}
.us3 .wz4{float: left;}
.us3 .wz4_1{font-size:14px;text-indent: 2rem;color: #666; width: 50%;float: left;}
.us3 .wz4_1 p{line-height: 29px;}
.us3 .wz4_2{float: left; width: 50%;}
.us3 .wz4_2 img{display:block;float: left; margin-top: 10px;}

/*4矿山资源*/
.us4{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us4 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA;}
.us4 .wz2{margin-bottom: 10px;overflow: hidden}
.us4 .wz2 span{display: inline-block;font-size:30px;text-indent: 0rem; color:#214480;border-bottom: 2px solid #214480;line-height: 34px;}
.us4 .wz3{font-size:18px;text-indent: 2rem;color: #666;line-height: 36px;}
.us4 .wz4_2{float: left;width: 278px;height: 300px;background-color:#FFFFFF;margin: 10px;border: 1px solid #f3f3f3;cursor: pointer;}
.us4 .wz4_2 .wz4_3{overflow: hidden;width: 276px;height: 193px;}
.us4 .wz4_2:hover .wz4_3 img{transform: scale(1.2)}
.us4 .wz4_3 img{width: 100%;transition: all 0.6s}
.us4 .wz4_2:hover .wz4_3 img{transform: scale(1.2)}
.us4 .wz4_4 .p1{float: left;width: 57%; margin: 21px;margin-right: 0;}
.us4 .wz4_4 .p2{float: left;width: 32%; margin: 21px;margin-left: 0;}
.us4 .wz4_4 .p2 img{padding: 35px 20px 20px 70px;}
.us4 .wz4_4 .p1 .p1_1{font-size: 15PX; color:#94B1E4;text-transform: uppercase;}
.us4 .wz4_4 .p1 .p1_2{font-size: 20PX; color:#204380;}
.us4 .wz4_2:hover .p1 p{color: #fff;}
.us4 .wz4_2:hover{background: #94b1e4}
/*5荣誉专利*/
.us5{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us5 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA; text-align: right;}
.us5 .wz2{margin-bottom: 10px;overflow: hidden}
.us5 .wz2 span{display: inline-block;font-size:30px;text-indent: 0rem; color:#214480;border-bottom: 2px solid #214480;line-height: 34px;float: right}
.us5 .wz3{font-size:14px;text-indent: 2rem;color: #666;line-height: 30px; text-align: left;margin-bottom: 30px;}
/*6技术实力*/
.us6{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us6 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA; text-align: right;}
.us6 .wz2{margin-bottom: 10px;overflow: hidden}
.us6 .wz2 span{display: inline-block;font-size:30px;color:#214480;border-bottom: 2px solid #214480;line-height: 34px;float: right}
.us6 .wz3{}
.us6 .wz3 .wz3_1{float: left; width: 60%;margin-top: 30px;}
.us6 .wz3 .wz3_1 .p1{overflow: hidden;margin-bottom: 10px;    text-indent: 0rem;}
.us6 .wz3 .wz3_1 .p1 span{display: inline-block;font-size:20px;line-height: 22px; color:#214480;border-bottom: 2px solid #204380;}
.us6 .wz3 .wz3_1 p{font-size:14px;text-indent: 2rem;color: #666;line-height: 30px; text-align: left;}
.us6 .wz3 .wz3_2{float: left; width: 30%;}
.us6 .wz3 .wz3_2 .wz3_3{
	            height: 207px;
				width: 346px;
				background-color: #ddbe82;
				position: absolute;
				z-index: 10;
	            margin-top: 71px;
	            margin-left: 40px;

}
.us6 .wz3 .wz3_2 .wz3_4{
	            height: 224px;
				width: 332px;
				background-image: url(../img/a9.png);
				position: absolute;
				left: -5%;
				top: -22%;
				transform: translate();
				z-index: 1;
	           
}
.us6 .wz4{margin-top: 55px; float: left;}
.us6 .wz5{margin-top: 65px; float: left;}
.us6 .wz6{margin-top: 65px; float: left;position: relative; margin-bottom: 120px;}
.us6 .wz6_0{width: 490px; float: right;position:absolute;margin-left: 359px;
    margin-top: 53px;}
.us6 .wz6_1{overflow: hidden;margin-bottom: 10px;}
.us6 .wz6_1 span{display: inline-block;font-size:20px; color:#214480;border-bottom: 2px solid #204380;line-height: 22px;}
.us6 .wz6_2{text-indent: 2rem;}

/*.us6 .wz5{margin-top: 65px; float: left;}
.us6 .wz5 .wz5_1{float: left;}
.us6 .wz5 .wz5_2{float: right;}
.us6 .wz5 .wz5_4{}
.us6 .wz5 .wz5_4 .wz5_5{float: left; padding: 2px;}
.us6 .wz5 .wz5_2{
	width: 235px;
	height: 213px;
	position: absolute;
	background-color:#97B6EC;
	z-index: 10;
	padding: 0px;
	margin-left: 644px;
	margin-top: -28px;
}
.us6 .wz5 .wz5_3{
	width: 100%;
	height: 100%;
	position: absolute;
	
	margin-left: 0px;
	margin-top: 33px;
}

.us6 .wz5 .wz5_2{
	width: 235px;
	height: 213px;
	position: absolute;
	background-color:#97B6EC;
	z-index: 10;
	padding: 0px;
	margin-left: 644px;
	margin-top: -28px;
}
.us6 .wz5 .wz5_3{
	width: 100%;
	height: 100%;
	position: absolute;
	
	margin-left: 0px;
	margin-top: 33px;
}
*/


.about-honer .about-honer-top .honer-title {float: left;width: 49%; height: 100%; text-align: right; padding-top: 50px;}
.about-honer .about-honer-top .slider-for {float: left; width: 500px; height: 100%; background: #fff;}
.slider-nav {width: 550px; height: 90px; padding: 0 90px 0 5px;}
.about-honer .about-honer-top .honer-title {float: right;width: 50%; height: 100%; text-align: left; padding-top: 50px;}
.about-honer .about-honer-top .honer-title h2 { font-size: 36px; color: #bababa; line-height: 25px; text-transform: uppercase;}
.about-honer .about-honer-top .honer-title h2 {font-size: 36px; line-height: 44px;}
.about-honer .about-honer-top {height: 320px;}
.about-honer .about-honer-top {width: 100%; background: url(../img/about-rongyu-bg.png)no-repeat; height: 320px;background-size: 100%;}
.about-honer .about-honer-top .honer-title {padding-top: 90px;}
.about-honer .about-honer-top .honer-title .about-ry-p {padding-left: 36px}

.about-honer {padding: 0px 0 70px;}
.about-honer {width: 100%; padding: 0px 0 90px;}
.about-honer .about-honer-top .slider-for #onr {float: left; width: 500px; height: 100%; background: #fff;}
.w1200 {width: 900px; margin: 0 auto; position: relative;}
#onr{float: left;}
#enr{width: 40.3%; float: left!important;}
#anr{width: 900px;}

/*企业文化*/
.us9{margin: 45px 0 100px 25px;  float: right; width: 860px; display:block;}
.us9 .wz1{font-size:36px;text-indent: 0rem; color: #BABABA; text-align: right;}
.us9.wz2{margin-bottom: 10px; overflow: hidden}
.us9 .wz2 span{display: inline-block;font-size:30px;text-indent: 0rem; color:#214480;border-bottom: 2px solid #214480;line-height: 34px;float: right}
.us9 .wz4{position: absolute; padding: 50px 20px 20px 20px;z-index: 10;}
.us9 .wz4_2{position: relative;z-index: 1;}
.us9 .wz4_3{ margin-top: 65px;}
.us9 .wz4 .wz4_1{text-indent: 2rem;width: 500px; line-height: 30px; color: #666; font-size: 14px;}

/*复制*/
.about-honer .about-honer-top .slider-for1 {float: left; width: 500px; height: 100%; }
.slider-nav1 {width: 550px; height: 90px; padding: 0 90px 0 5px;}
.about-honer .about-honer-top .slider-for1 #onr {float: right; width: 500px; height: 100%;}
.banner-font-size{
	width: 1200px;
}
.company{
	background: none;
}

.container-about{
	width: 1400px;
}

.panel-title a .on{
	background: url(../images/right-af.png) no-repeat center center;
	background-position-x: 40px;
}

.tanchu{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.27);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.tanchu-content{
	width: 59%;
	height: auto;
	position: relative;
	top: 15%;
	left: 20%;
	background: #fff;
}

.tanchu-content-main{
	width: 100%;
	max-height: 630px;
	overflow: hidden;
}
.tanchu-content-img{
	width: 100%;
}

.gb{
	position: absolute;
	right: -10px;
	top: -10px;
	width: 30px;
	height: 30px;
}


@media (max-width: 1400px) and (min-width: 1366px){
	.panel-group{
		margin-left: 5px;
	}
}














